<template>
    <div class="solutionLead">
        <!-- 头部 -->
        <InsideHeader :bannerType="bannerType"></InsideHeader>
       
        <!-- 面包屑 -->
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionIndex'}">解决方案</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionLead'}" class="on">导入实例</nuxt-link>
                    <div class="clear"></div>
                </div>
                <!-- <div class="crumbR">
                    <nuxt-link :to="{name: 'solution-solutionDetails'}">e-F@ctory </nuxt-link>
                    <nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link>
                    <a href="#">产品解决方案</a>
                    <nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link>
                    <a href="#">课题解决方案</a>
                    <nuxt-link :to="{name: 'solution-solutionLead'}">导入事例</nuxt-link>
                    <div class="clear"></div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>

        <div class="content">
            <div class="block">
                <div class="title">
                    <span>导入实例</span>
                </div>
                <div class="list">
                    <div class='title'>介绍三菱电机FA产品的引入实例，可以查看三菱电机各制作所中的引入实例。</div>
                    <ul class="modu">
                        <li v-for="item in list" :key="item">
                           <div class="msg">
                                <div class="top">
                                    <div class="hand">公司内部引实例</div>
                                    <p class="title">{{item.title}}</p>
                                    <p class="companyName">{{item.companyName}}</p>
                                </div>
                               <p class="content" >{{item.content}}</p>
                               <img :src="item.img" :alt="item.alt">
                                <div class="mode">
                                    <p class="lead">< 引入产品 ></p>
                                    <p>{{item.hint}}</p>
                                    <p class="lead">< 引入目的 ></p>
                                    <p>{{item.purpose}}</p>
                                </div>
                                <div class="more">
                                    <nuxt-link :to="{name: 'solution-solutionLeadDetail'}">查看详情</nuxt-link>
                                </div>
                           </div>
                        </li>
                        <div class="clear"></div>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>

</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "solutionLead",
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        data(){
            return{
                bannerType:'solution',
                list:[
                    {
                        title:"通过提高耐久性，使运用维护成本减少到原来的6分之1",
                        content:"运用与控制设备的可编程控制器联动性良好的“C语言控制器”，消除基于计算机的系统的弱点。",
                        companyName:"【三菱电机名古屋制作所】",
                        img:require("../../static/newsImg/17.jpg"),
                        hint:" MELSEC iQ－R系列C语言控制器 标准模型“R12CCPU-V” ",
                        purpose:"维护 / 降低成本",
                        alt:"通过提高耐久性，使运用维护成本减少到原来的6分之1",
                    },
                    {
                        title:"提高生产现场中生产管理终端的可靠性 ",
                        content:"运用与控制设备的可编程控制器联动性良好的“C语言控制器”，消除基于计算机的系统的弱点。",
                        companyName:"【三菱电机福山制作所】",
                        img:require("../../static/newsImg/18.jpg"),
                        hint:" MELSEC iQ－R系列C语言控制器 标准模型“R12CCPU-V” ",
                        purpose:"维护 / 降低成本 /提高生产率",
                        alt:"提高生产现场中生产管理终端的可靠性",
                    },
                    {

                        title:"通过强化空调/照明控制削减能源使用量",
                        content:"通过在“空调”和“照明”的控制中使用可编程控制器和通用协议，赋予系统灵活性，从而建立起能够轻松实现节能的环境。",
                        companyName:"【三菱电机名古屋制作所】",
                        img:require("../../static/newsImg/19.jpg"),
                        hint:" 三菱电机FA整合解决方案e-F@ctory CC-Link IE 现场网络 MELSEC iQ-R系列” ",
                        purpose:" 降低成本/ 环境、节能/维护",
                        alt:"通过强化空调/照明控制削减能源使用量",
                    },
                    {
                        title:"通过提高耐久性，使运用维护成本减少到原来的6分之1",
                        content:"运用与控制设备的可编程控制器联动性良好的“C语言控制器”，消除基于计算机的系统的弱点。",
                        companyName:"【三菱电机名古屋制作所】",
                        img:require("../../static/newsImg/20.jpg"),
                        hint:" 三菱电机FA整合解决方案e-F@ctory ",
                        purpose:"提高生产率 / 维护 / 提高质量",
                        alt:"通过提高耐久性，使运用维护成本减少到原来的6分之1",
                    },
                    {
                        title:"通过提高耐久性，使运用维护成本减少到原来的6分之1",
                        content:"运用与控制设备的可编程控制器联动性良好的“C语言控制器”，消除基于计算机的系统的弱点。",
                        companyName:"【三菱电机名古屋制作所】",
                        img:require("../../static/newsImg/21.jpg"),
                        hint:" MELSEC iQ－R系列C语言控制器 标准模型“R12CCPU-V” ",
                        purpose:"维护 / 降低成本",
                        alt:"通过提高耐久性，使运用维护成本减少到原来的6分之1",
                    },
                    {
                        title:"通过提高耐久性，使运用维护成本减少到原来的6分之1",
                        content:"运用与控制设备的可编程控制器联动性良好的“C语言控制器”，消除基于计算机的系统的弱点。",
                        companyName:"【三菱电机名古屋制作所】",
                        img:require("../../static/newsImg/20.jpg"),
                        hint:" MELSEC iQ－R系列C语言控制器 标准模型“R12CCPU-V” ",
                        purpose:"维护 / 降低成本",
                        alt:"通过提高耐久性，使运用维护成本减少到原来的6分之1",
                    }
                ]
            }
        }
    }
</script>

<style scoped>

</style>
